<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>投票系统</title>
    <script src="js/jquery-3.5.1.js"></script>
    <link href="css/main.css" rel="stylesheet">

    <style>
        body {
            width: 100%;
            height: 100%;
            font-family: 微软雅黑, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            user-select: none;
        }
    </style>

    <script>
        $(function () {
            $("#login")
                .click(function () {
                    window.location.href = "login.html";
                })
            $("#judge")
                .click(function () {
                    window.location.href = "jLogin.html";
                })
            $(".xButton")
                .mouseenter(function () {
                    $(this).css("background-color", "#3a3f4d");
                })
                .mouseleave(function () {
                    $(this).css("background-color", "#555555");
                });
        })
    </script>

</head>
<body>
<header class="xHeader">
    欢迎!
</header>
<div class="xBox" style="margin-top: 50px; margin-bottom: 50px">
    <span>
        这是投票系统<br>
        在这里您可以轻松快捷地创建和发布投票<br>
        助您高效地工作<br>
    </span>
</div>
<div style="width: 500px; margin: auto">
    <div class="xButton" id="login" style="float: left">
        <div class="centerText" style="float: left">
            用户登录/注册
        </div>
    </div>

    <div class="xButton" id="judge" style="float: right">
        <div class="centerText">
            裁判登录
        </div>
    </div>
</div>
</body>
</html>